<!DOCTYPE html>
<html>
  <head>
    <title>Material Portal</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery.zohoviewer.min.js"></script>
    <script type="text/javascript" src="js/materialPortal.js"></script>
    <link href="css/styleMP.css" rel="stylesheet"> 
  </head>
  <body>
   <div class="container">
    <div id="firstrow" class="row">
    <div class="panel panel-default form">
        <div class="panel-body">

        <form name="classic" class="form-inline">
         <div class="col-md-4">
          <span class="label label-default">Course Category:</span>
         <select name="cat" id="cat"class="form-control " data-toggle="tooltip" data-placement="top" title="Select Course Category" onChange="updatecourse(this.selectedIndex)">
          <option selected>Select Branch</option>
          <option value="dev">Development</option>
          <option value="Admin">Adminstrator</option>
         </select>
         </div>
         <div class="col-md-4"></div>
         <div class="col-md-4">
          <span class="label label-default">Course:</span>
              <select name="course" id="idcourse" class="form-control" data-toggle="tooltip" data-placement="top" title="Select Course">
                 <option selected>Select Course</option>
              </select>
         </div>
   </form>
</div>
</div>
</div>
   <div id="secRow" class="row">
    <div class="panel panel-default form">
    <div class="panel-body">
    <div class="col-md-4">
     <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title fontcolor">Lectures</h3>
        </div>
        <div class="panel-body">
            <p class="panelbody">
                Providing lecture for materials such as databases,adminstration,development programming languages
            </p>
        </div>
    </div>
    </div>
       <div class="col-md-4">
     <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title fontcolor">Labs</h3>
        </div>
        <div class="panel-body">
            <p class="panelbody">
                Providing lecture for materials such as databases,adminstration,development programming languages
            </p>
        </div>
    </div>
    </div>
      <div class="col-md-4">
     <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Assignments</h3>
        </div>
        <div class="panel-body">
            <p class="panelbody">
                Providing lecture for materials such as databases,adminstration,development programming languages
            </p>
        </div>
    </div>
    </div>
   </div></div></div>
   <div id="php"class="row hide">
    <div class="panel panel-default form">
      <div class="panel-heading">
        <h3 class="panel-title fontcolor">PHP</h3>
        </div>
    <div class="panel-body">
    <div class="col-md-4">
       <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Lectures</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p ><a href="files/lecture1.pdf" target="_blank">Lecture 1</a> </p>
            </p>
        </div>
    </div>   
    </div>
     <div class="col-md-4">
        <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Labs</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lab 1</a> </p>
            </p>
        </div>
    </div>    
    </div>
     <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Assignments</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Assignment 1</a> </p>
            </p>
        </div>
    </div>     
    </div>
    </div></div></div>
       <div id="java"class="row hide">
        <div class="panel panel-default form">
          <div class="panel-heading">
        <h3 class="panel-title fontcolor">Object Oriented Programming</h3>
        </div>
        <div class="panel-body">
        <div class="col-md-4">
       <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Lectures</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lecture 1</a> </p>
            </p>
        </div>
    </div>   
    </div>
     <div class="col-md-4">
        <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Labs</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lab 1</a> </p>
            </p>
        </div>
    </div>    
    </div>
     <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Assignments</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Assignment 1</a> </p>
            </p>
        </div>
    </div>     
    </div>
    </div></div></div>
       <div id="c++" class="row hide">
    <div class="panel panel-default form">
      <div class="panel-heading">
        <h3 class="panel-title fontcolor">C++ Programming</h3>
        </div>
    <div class="panel-body">
    <div class="col-md-4">
       <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Lectures</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lecture 1</a> </p>
            </p>
        </div>
    </div>   
    </div>
     <div class="col-md-4">
        <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Labs</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lab 1</a> </p>
            </p>
        </div>
    </div>    
    </div>
     <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Assignments</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Assignment 1</a> </p>
            </p>
        </div>
    </div>     
    </div>
    </div></div></div>
       <div id="Redhat"class="row hide">
         <div class="panel panel-default form">
          <div class="panel-heading">
        <h3 class="panel-title fontcolor">Redhat Aminstration</h3>
        </div>
    <div class="panel-body">
    <div class="col-md-4">
       <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Lectures</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lecture 1</a> </p>
            </p>
        </div>
    </div>   
    </div>
     <div class="col-md-4">
        <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Labs</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lab 1</a> </p>
            </p>
        </div>
    </div>    
    </div>
     <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Assignments</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Assignment 1</a> </p>
            </p>
        </div>
    </div>     
    </div>
    </div></div></div>
       <div id="Database"class="row hide">
       <div class="panel panel-default form">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Database Fundementals</h3>
        </div>
    <div class="panel-body">
    <div class="col-md-4">
       <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Lectures</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lecture 1</a> </p>
            </p>
        </div>
    </div>   
    </div>
     <div class="col-md-4">
        <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Labs</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lab 1</a> </p>
            </p>
        </div>
    </div>    
    </div>
     <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Assignments</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Assignment 1</a> </p>
            </p>
        </div>
    </div>     
    </div>
    </div></div></div>
       <div id="mysql" class="row hide">
         <div class="panel panel-default form">
          <div class="panel-heading">
        <h3 class="panel-title fontcolor">MYSQL</h3>
        </div>
    <div class="panel-body">
    <div class="col-md-4">
       <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Lectures</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lecture 1</a> </p>
            </p>
        </div>
    </div>   
    </div>
     <div class="col-md-4">
        <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Labs</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lab 1</a> </p>
            </p>
        </div>
    </div>    
    </div>
     <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Assignments</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Assignment 1</a> </p>
            </p>
        </div>
    </div>     
    </div>
    </div></div></div>
       <div id="javascript" class="row hide">
         <div class="panel panel-default form">
          <div class="panel-heading">
        <h3 class="panel-title fontcolor">Javascript</h3>
        </div>
    <div class="panel-body">
    <div class="col-md-4">
       <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Lectures</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lecture 1</a> </p>
            </p>
        </div>
    </div>   
    </div>
     <div class="col-md-4">
        <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Labs</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lab 1</a> </p>
            </p>
        </div>
    </div>    
    </div>
     <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Assignments</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Assignment 1</a> </p>
            </p>
        </div>
    </div>     
    </div>
    </div></div></div>
      <div id="python" class="row hide">
    <div class="panel panel-default form">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Python</h3>
        </div>
    <div class="panel-body">
    <div class="col-md-4">
       <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Lectures</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lecture 1</a> </p>
            </p>
        </div>
    </div>   
    </div>
     <div class="col-md-4">
        <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Labs</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Lab 1</a> </p>
            </p>
        </div>
    </div>    
    </div>
     <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
        <h3 class="panel-title fontcolor">Assignments</h3>
        </div>
        <div class="panel-body panelbody">
            <p>
               <p><a href="#Lecture 1">Assignment 1</a> </p>
            </p>
        </div>
    </div>     
    </div>
    </div></div></div>
   </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
       <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script> 
    <script type="text/javascript" src="js/materialPortal.js"></script>
  </body>
</html>
